<template>
	<view>
		<!-- 子页面底部 -->
		<view class="u-height"></view>
		<view class="u-tabbar">
		  <view class="flex-sa">
			  <!-- <navigator url="../preview/preview" open-type="switchTab" class="u-tabbar-item" hover-class="none">
			  			  <view class="u-tabbar-icon"><image src="../../static/icon/agi.png"></view>
			  			  <label class="u-tabbar-label">预览</label>
			  </navigator> -->
			  <navigator url="../home/index" open-type="switchTab" class="u-tabbar-item" hover-class="none">
				  <view class="u-tabbar-icon"><image src="../../static/icon/home.png"></view>
				  <label class="u-tabbar-label">首页</label>
			  </navigator>
			  <navigator url="../product/product" open-type="switchTab" class="u-tabbar-item" hover-class="none">
			  			  <view class="u-tabbar-icon"><image src="../../static/icon/product.png"></view>
			  			  <label class="u-tabbar-label">产品</label>
			  </navigator>
			  <navigator url="../booking/booking" open-type="switchTab" class="u-tabbar-item" hover-class="none">
			  			  <view class="u-tabbar-icon"><image src="../../static/icon/service.png"></view>
			  			  <label class="u-tabbar-label">预约</label>
			  </navigator>
			  <navigator url="contact" open-type="switchTab" class="u-tabbar-item" hover-class="none">
			  			  <view class="u-tabbar-icon"><image src="../../static/icon/call.png"></view>
			  			  <label class="u-tabbar-label">联系</label>
			  </navigator>
		  </view>
		</view>
		<!-- 子页面底部 end-->	
	</view>
</template>

<script>
	export default {
		name:"u-tabbar",
		data() {
			return {
				
			};
		}
	}
</script>

<style>

</style>
